<template>
	<view class="tab">
		<view class="tab-box" open-type="switchTab" url="/pages/index/index">
			首页
		</view>
		<navigator open-type="switchTab" url="/pages/fowllow/fowllow"  class="tab-box">
			关注
		</navigator>
		<view class=" tab-box">
			<view class="iconfont icon-jiahao icon-box">
				
			</view>
		</view>
		<view class="tab-box">
			消息
		</view>
		<view class="tab-box">
			我的
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	.tab{
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: space-around;
		height: 50px;
		width: 100%;
		z-index: 20;
	}
	.tab-box{
		color: #FFFFFF;
		text-align: center;
		height: 50px;
		width: 20%;
		line-height: 50px;
		font-size: 20px;
	}
	.icon-box{
		height: 30px;
		width: 60%;
		background: #FFFFFF;
		color: #000000;
		margin: 10px 20%;
		line-height: 30px;
		border-radius: 31%;
	}
</style>
